// import {useState} from 'react';
import './App.css';
// import React from "react";
// 引入 Ant Design 的全局样式
import 'antd/dist/reset.css';
// 引入路由
import { BrowserRouter, Routes, Route } from 'react-router-dom';

// 引入你的页面组件
import HomePage from "./pages/HomePage/HomePage";
import AboutPage from './pages/AboutPage/AboutPage';
import HeaderPage from "./components/Header/Header";
import TestPage from "./pages/TestPage/TestPage";


function App() {

    return (
        <BrowserRouter>
            {/*头部组件*/}
            <HeaderPage/>

            {/*内容部分：需要使用route包裹，才能实现路由跳转*/}
            <Routes>
                <>
                    <Route path="/" element={<HomePage />} />
                    <Route path="/about" element={<AboutPage />} />
                    <Route path="/test" element={<TestPage />} />
                    {/* 你可以添加更多路由，比如一个 404 页面 */}
                    <Route path="*" element={<h1>404 - 页面未找到</h1>} />
                </>
            </Routes>
        </BrowserRouter>
    )
}

export default App
